<!DOCTYPE html>
<html lang="en"~ xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="utf-8">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <title>B.W Admin</title>
    <meta name="keywords" content="B.W Admin">
    <meta name="description" content="B.W Admin">
    <link href="/css/bootstrap.min.css" rel="stylesheet">
    <link href="/css/font-awesome.css?v=4.4.0" rel="stylesheet">
    <link href="/css/animate.css" rel="stylesheet">
    <link href="/css/style.css" rel="stylesheet">
    <link href="/css/login.css" rel="stylesheet">
    <!--[if lt IE 9]>
    <meta http-equiv="refresh" content="0;ie.html"/>
    <![endif]-->
    <script>
        if (window.top !== window.self) {
            window.top.location = window.location;
        }
    </script>

</head>

<body class="signin">
<div class="signinpanel">
    <div class="row">
        <div class="col-sm-7">
            <div class="signin-info">
                <div class="logopanel m-b">
                    <h1>B.W Admin</h1>
                </div>
                <div class="m-b"></div>
                <h3>
                    欢迎使用 <strong>B.W Admin管理系统</strong>
                </h3>
            </div>
        </div>
        <div class="col-sm-5">
            <form id="signupForm">
                <h3 class="text-center">用户登录</h3>
                <p class="m-t-md text-center">欢迎登录B.W Admin后台管理系统</p>
                <input type="text" name="username" class="form-control uname"
                />
                <input type="password" name="password"
                       class="form-control pword m-b" />
                <a id="login" class="btn btn-login btn-block">登录</a>
            </form>
        </div>
    </div>
    <div class="signup-footer">
        <div class="pull-left">&copy; 2018 All Rights Reserved. B W admin
        </div>
    </div>
</div>
<script th:inline="javascript"> var ctx = [[@{/}]] ; </script>
<!-- 全局js -->
<script src="/js/jquery.min.js?v=2.1.4" th:src="@{/js/jquery.min.js?v=2.1.4}"></script>
<script src="/js/bootstrap.min.js?v=3.3.6" th:src="@{/js/bootstrap.min.js?v=3.3.6}"></script>
<!-- 自定义js -->
<script src="/js/content.js?v=1.0.0" th:src="@{/js/content.js?v=1.0.0}"></script>
<!-- jQuery Validation plugin javascript-->
<script src="/js/ajax-util.js"></script>
<script src="/js/plugins/validate/jquery.validate.min.js" th:src="@{/js/plugins/validate/jquery.validate.min.js}"></script>
<script src="/js/plugins/validate/messages_zh.min.js" th:src="@{/js/plugins/validate/messages_zh.min.js}"></script>
<script src="/js/plugins/layer/layer.min.js" th:src="@{/js/plugins/layer/layer.min.js}"></script>
</body>
<script>
    $(function(){
        // 让jquery validate 帮我们检查这个表单
        $("#signupForm").validate({
            rules:{//规则
                username:"required",
                password:"required"
            },
            messages:{//提示信息
                username:"请输入用户名",
                password:"请输入密码"
            }
        });
        $('#login').click(function(){
            $("#signupForm").submit();
        });
    })
    //第一步  ：  定义提交方法
    // 设置 校验默认跳转
    $.validator.setDefaults({
        submitHandler: function(){
            submitForm();
        }
    })
    function submitForm(){
        $.ajax({
            url:'loginSign',
            data:$('#signupForm').serialize(),
            dataType:'json',
            type:'post',
            success:function(data){
                if(data.code==200){
                    //登录成功
                    location.href="index";
                }else {
                    //登录失败
                    layer.alert("登录失败,"+data.msg,{icon:2});
                }
            }
        })
    }
</script>
</html>
